﻿<?php
	@session_start();
	
	@include_once('../ayuda/encabezado.php');
?>
			
      		<table width="100%">
                <tr>
                    <td colspan="3">
                        <div class="titulo">Identificaci&oacute;n</div>
                    </td>
                </tr>
                <tr height="100%" valign="top">
                    <td align="left">
                    	<form action="" method="post">
                            <div id="div_comenzar" style="display:block">
                                <table width="100%">
                                    <tbody>
                                        <tr>
                                            <td colspan="4" align="center" class="text">
                                    			A continuaci&oacute;n usted podr&aacute; realizar la identificaci&oacute;n de g&eacute;neros y especies de insectos acu&aacute;ticos (Orden Plec&oacute;ptera), encontrados en Venezuela. Para ello, deber&aacute; observar el ejemplar de inter&eacute;s y seleccionar las caracter&iacute;sticas morfol&oacute;gicas presentes.
                                            </td>
                                        </tr>
                                        
                                        <tr>
                                            <td colspan="4" align="center" valign="middle">
                                                <a>
                                                    <img src="../../publicos/images/btn_comenzar_a.gif" id="comenzar1" name="comenzar1" width="75px" height="23px" onmouseover="MM_swapImage('comenzar1','','../../publicos/images/btn_comenzar_b.gif',1)" onmouseout="MM_swapImgRestore()" onclick="xajax_pregunta_xajax( '1', '1' ); xajax_lista_generos_xajax( '', '' );" />
                                                </a>
                                            </td>
                                        </tr>
                                    </tbody>
                                </table>
                            </div>
                            
                            <div id="div_pregunta" style="display:none">
                                <table width="100%">
                                    <tbody>
                                        <tr>
                                            <td colspan="2" align="center" class="text_bold">
                                                El Insecto que desea identificar presenta:
                                                <input type="hidden" id="h_id_pregu_ide" name="h_id_pregu_ide" value="" />
                                                
                                                <input type="hidden" id="h_id_respu_ide1" name="h_id_respu_ide1" value="" />
                                                <input type="hidden" id="h_id_respu_ide2" name="h_id_respu_ide2" value="" />
                                                <input type="hidden" id="h_resul_res1" name="h_resul_res1" value="" />
                                                <input type="hidden" id="h_resul_res2" name="h_resul_res2" value="" />
                                                <input type="hidden" id="h_carac_pre1" name="h_carac_pre1" value="" />
                                                <input type="hidden" id="h_carac_pre2" name="h_carac_pre2" value="" />
                                                
                                                <input type="hidden" id="h_genero1" name="h_genero1" value="" />
                                                <input type="hidden" id="h_genero2" name="h_genero2" value="" />
                                                <input type="hidden" id="h_especie1" name="h_especie1" value="" />
                                                <input type="hidden" id="h_especie2" name="h_especie2" value="" />
                                                
                                                <input type="hidden" id="h_lista_claves" name="h_lista_claves" value="" />
                                                <input type="hidden" id="h_lista_valores" name="h_lista_valores" value="" />
                                                
                                                <input type="hidden" id="h_clave1" name="h_clave1" value="" />
                                                <input type="hidden" id="h_valor1" name="h_valor1" value="" />
                                                <input type="hidden" id="h_clave2" name="h_clave2" value="" />
                                                <input type="hidden" id="h_valor2" name="h_valor2" value="" />
                                                
                                                <input type="hidden" id="h_img1" name="h_img1" value="" />
                                                <input type="hidden" id="h_img2" name="h_img2" value="" />
                                                
                                                <input type="hidden" id="h_img_ide1" name="h_img_ide1" value="" />
                                                <input type="hidden" id="h_img_ide2" name="h_img_ide2" value="" />
                                                
                                                <input type="hidden" id="h_respuesta" name="h_respuesta" value="" />
                                            </td>
                                            <td rowspan="4" class="text" valign="top" width="25%">
                                            	<div id="div_tabla_generos" style="display:none">
                                                    <table width="100%" align="center">
                                                        <tbody>
                                                            <tr>
                                                                <td colspan="4" class="text_bold">
                                                                    Posibles Gen&eacute;ros:
                                                                </td>
                                                            </tr>
                                                            <tr>
                                                                <td colspan="4" class="text">
                                                                    <div id="div_generos" class="text">
                                                                    </div>
                                                                </td>
                                                            </tr>
                                                        </tbody>
                                                    </table>
                                                </div>
                                                
                                                <div id="div_tabla_especies" style="display:none">
                                                    <table width="100%" align="center">
                                                        <tbody>
                                                            <tr>
                                                                <td colspan="4" class="text_bold">
                                                                    Posibles Especies:
                                                                </td>
                                                            </tr>
                                                            <tr>
                                                                <td colspan="4" class="text">
                                                                    <div id="div_especies" class="text">
                                                                    </div>
                                                                </td>
                                                            </tr>
                                                        </tbody>
                                                    </table>
                                                </div>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td align="right" width="20px" valign="top">
                                                <input type="radio" id="resp1" name="check_respuesta" value="1" onclick="setear_respuesta();" />
                                            </td>
                                            <td align="left" valign="top">
                                                <label for="resp1" class="text">
                                                	<div id="div_desc_respu1" class="text">
                                                    </div>
                                                </label>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td align="right" width="20px" valign="top">
                                                <input type="radio" id="resp2" name="check_respuesta" value="2" onclick="setear_respuesta();" />
                                            </td>
                                            <td align="left" valign="top">
                                                <label for="resp2" class="text">
                                                	<div id="div_desc_respu2" class="text">
                                                    </div>
                                                </label>
                                            </td>
                                        </tr>
                                        
                                        <tr>
                                            <td colspan="2" align="center" valign="middle">
                                                <a>
                                                    <img src="../../publicos/images/btn_continuar_a.jpg" id="continuar_pre" name="continuar_pre" width="75px" height="23px" onmouseover="MM_swapImage('continuar_pre','','../../publicos/images/btn_continuar_b.jpg',1)" onmouseout="MM_swapImgRestore()" onclick="validar_pregunta();" />
                                                </a>
                                                <a>
                                                    <img src="../../publicos/images/btn_cancelar_a.jpg" id="cancelar_pre" name="cancelar_pre" width="75px" height="23px" onmouseover="MM_swapImage('cancelar_pre','','../../publicos/images/btn_cancelar_b.jpg',1)" onmouseout="MM_swapImgRestore()" onclick="xajax_cancelar_xajax();" />
                                                </a>
                                            </td>
                                        </tr>
                                        
                                        <tr>
                                            <td colspan="3" align="center" class="text">
                                                <div id="div_tabla_carac_pre" style="display:none">
                                                    <table width="100%">
                                                        <tbody>
                                                            <tr>
                                                                <td colspan="4" align="center" class="text_bold">
                                                                    Caracter&iacute;sticas del Insecto:
                                                                </td>
                                                            </tr>
                                                            <tr>
                                                                <td colspan="4" align="center" class="text">
                                                                    <div id="div_carac_pre" class="text">
                                                                    </div>
                                                                </td>
                                                            </tr>
                                                        </tbody>
                                                    </table>
                                                </div>
                                            </td>
                                        </tr>
                                    </tbody>
                                </table>
                            </div>
                            
                            
                            <div id="div_resultado" style="display:none">
                                <table width="100%">
                                    <tbody>
                                        <tr>
                                            <td colspan="4" align="center" class="text">
                                                <table width="100%">
                                                    <tbody>
                                                        <tr>
                                                            <td colspan="4" align="center" class="titulo">
                                                                <div id="div_mensaje_resultado">
                                                				</div>
                                                                <div id="div_label">
                                                				</div>
                                                            </td>
                                                        </tr>
                                                        <tr>
                                                            <td colspan="4" align="center" class="text">
                                                                <div id="div_comment">
                                                				</div>
                                                            </td>
                                                        </tr>
                                                    </tbody>
                                                </table>
                                            </td>
                                        </tr>
                                        
                                        <tr>
                                            <td colspan="4" align="center" class="text">
                                                <div id="div_tabla_carac_res" style="display:none">
                                                    <table width="100%">
                                                        <tbody>
                                                            <tr>
                                                                <td colspan="4" align="center" class="text_bold">
                                                                    Caracter&iacute;sticas del Insecto:
                                                                </td>
                                                            </tr>
                                                            <tr>
                                                                <td colspan="4" align="center" class="text">
                                                                    <div id="div_carac_res" class="text">
                                                                    </div>
                                                                </td>
                                                            </tr>
                                                        </tbody>
                                                    </table>
                                                </div>
                                            </td>
                                        </tr>
                                        
                                        <tr>
                                            <td colspan="4" align="center" class="text">
                                                <div id="div_tabla_imagenes" style="display:none">
                                                    <table width="100%">
                                                        <tbody>
                                                            <tr>
                                                                <td colspan="4" align="center" class="text_bold">
                                                                    Imagenes del Insecto:
                                                                </td>
                                                            </tr>
                                                            <tr>
                                                                <td colspan="4" align="center">
                                                                    <div id="div_imagenes">
                                                                    </div>
                                                                </td>
                                                            </tr>
                                                        </tbody>
                                                    </table>
                                                </div>
                                            </td>
                                        </tr>
                                        
                                        <tr>
                                            <td colspan="4" align="center" valign="middle">
                                            	<div id="div_btn_comenzar" style="display:block">
                                                    <a>
                                                        <img src="../../publicos/images/btn_comenzar_a.gif" id="comenzar2" name="comenzar2" width="75px" height="23px" onmouseover="MM_swapImage('comenzar2','','../../publicos/images/btn_comenzar_b.gif',1)" onmouseout="MM_swapImgRestore()" onclick="xajax_pregunta_xajax( '1', '2' ); xajax_lista_generos_xajax( '', '' );" />
                                                    </a>
                                                </div>
                                            </td>
                                        </tr>
                                        
                                        <tr>
                                            <td colspan="4" align="center" valign="middle">
                                            	<div id="div_btn_especies" style="display:block">
                                                    Si desea identificar alguna de las Especies encontradas en Venezuela presione aqu&iacute;.
                                                    <br/>
                                                    <a onclick="xajax_pregunta_xajax( '3', '3' ); xajax_lista_especies_xajax( '', '' );" >
                                                        <img src="../../publicos/images/insecto_boton1.jpg" id="BotonInsect" name="BotonInsect" border="0" height="46px" width="93px" title="Ver Especies del G&eacute;nero Anacroneuria" alt="Ver Especies del G&eacute;nero Anacroneuria" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('BotonInsect', '', '../../publicos/images/insecto_boton2.jpg', 1)" />
                                                    </a>
                                                </div>
                                            </td>
                                        </tr>
                                    </tbody>
                                </table>
                            </div>
                            
                        </form>
                    </td>
                </tr>
            </table>
         	
<?php
	@include_once('../ayuda/pie.php');
?>